﻿<%@ Page Title="Página principal" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="GreenyMeter._Default" %>

<%@ Register Assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI.DataVisualization.Charting" TagPrefix="asp" %>
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="row">
        <div class="span12">
            <!-- Slider (Parallax Slider) -->
            <div id="da-slider" class="da-slider">
                <div class="da-slide">
                    <h2>
                        El problema?</h2>
                    <p>
                        <a style="color: #6EA808">*</a> Es dificil saber que tanto daño te hacen los ingredientes de un producto.
                        <br />
                        <a style="color: #6EA808">*</a> Es dificil saber cual es el impacto ambiental del producto una vez consumido.</p>
                    <%-- <a href="#" class="da-link">Read more</a>--%>
                    <div class="da-img">
                        <img src="img/parallax/1.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>
                        Nuestra solución:</h2>
                    <p>
                        En el momento que desées podrás tener información seria y relevante que te permita
                        saber que tan "verde" es un producto con solo escanear su código de barras.</p>
                    <%--<a href="#" class="da-link">Read more</a>--%>
                    <div class="da-img">
                        <img src="img/parallax/2.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>
                        ¿Como funciona?</h2>
                    <p>
                        <a style="color: #6EA808">1.</a> Escanea el código de barras de tu producto.<br />
                        <a style="color: #6EA808">2.</a> El verdesómetro te indicara tres índices principales por los que podás evaluar tu producto. Tu salud, tu planeta y tu comunidad.<br />
                        
                    </p>
                    <%--<a href="#" class="da-link">Read more</a>--%>
                    <div class="da-img">
                        <img src="img/parallax/3.png" alt="image01" /></div>
                </div>
                <div class="da-slide">
                    <h2>
                        --></h2>
                    <p>
                        <a style="color: #6EA808">3.</a> Si el resultado no te satisface selecciona productos
                        sugeridos.<br />
                        <a style="color: #6EA808">4.</a> Encuentra tu lista de productos en el carrito y
                        donde conseguirlos.</p>
                    <%--<a href="#" class="da-link">Read more</a>--%>
                    <div class="da-img">
                        <img src="img/parallax/4.png" alt="image01" /></div>
                </div>
                <nav class="da-arrows">
					<span class="da-arrows-prev"></span>
					<span class="da-arrows-next"></span>
				</nav>
            </div>
       
        </div>
    </div>
</asp:Content>
